.answer {

  width: 750rpx;
  background-color: #f4f4f4;

  background: url('../../../assets/image/consumer-bg.png') no-repeat;
  background-size: cover;

  // padding: 40rpx 0;
  min-height: 100vh;
  position: absolute;
  padding-top: 58rpx;

  font-size: 28px;
  font-family: PingFangSC;
  font-weight: 500;
  color: #343434;

  .problem {
    margin: 20rpx 50rpx;
  }

  .answer-content {
    margin: 20rpx auto;
    width: 580px;

    .select {

      // border: 2px solid #E95614;
      border-radius: 50%;
      background-color: #E95614;
    }

  }

  .first-card {
    display: grid;
    text-align: center;

    .first-card-title {

      font-size: 36rpx;
      font-family: PingFang;
      font-weight: 500;
      color: #FF6638;
    }

    .first-card-time {

      font-size: 28rpx;
      font-family: PingFangSC;
      font-weight: 500;
      color: #343434;
    }

    .first-card-start {

      margin-top: 58rpx;
      font-size: 36px;
      font-family: PingFang;
      font-weight: 500;
      color: #FF6638;
    }

    .first-card-icon {

      // font-size: 36px;
      // font-family: PingFang;
      // font-weight: 500;
      color: #9A9A9A;
      transform: rotate(90deg);
    }

  }

  // .box {
  //   width: 100px;
  //   height: 500px;
  //   margin: 0 auto;
  //   background: white;
  //   }

  .arrow-box {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    position: relative;
  }

  .bottom {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    /*兼容ie8-*/
  }

  .bottom-arrow1,
  .bottom-arrow2 {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    /*兼容ie8-*/
    border-bottom: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-right: 10px transparent dashed;
    border-top: 10px white solid;
    overflow: hidden;
  }

  .bottom-arrow1 {
    top: 1px;
    /*重要*/
    border-top: 10px red solid;
  }

  .bottom-arrow2 {
    border-top: 10px white solid;
  }


  .btn {
    width: 580rpx;
    height: 90rpx;
    background: #FF6638;
    border-radius: 8px;
    margin: auto;
    margin-bottom: 60rpx;
    font-size: 36rpx;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    line-height: 90rpx;
  }

  .mask {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;

    background: rgba(0, 0, 0, 0.7);
    // opacity: 0.7;
    // padding: 300rpx 40rpx 0;
    // padding-left: 40rpx;

    .mask-content {
      margin: auto;
      // margin-top: 600rpx;
      width: 750rpx;
      height: 600rpx;
      // background: #fff;
      // box-shadow: 1px 2px 6px 0px rgba(154, 154, 154, 0.2);
      border-radius: 8px;
      text-align: center;
      display: grid;
      margin-top: 300rpx;

      // opacity: 1;
      .title {

        // height: 35px;
        // margin: auto;
        font-size: 36rpx;
        font-family: SourceHanSansCN;
        font-weight: 500;
        color: #EA5614;
      }
      .answer-content{
        width: 520rpx;
      }
      .answer-content-info {
        display: flex;

        margin-top: 40rpx;

        // 40rpx 0 50rpx;

        image {
          width: 168rpx;
          height: 112rpx;
          margin-right: 20rpx;
          border-radius: 8px;
        }

        .answer-content-info-text {
          margin-top: -4rpx;
          text-align: start;

          .info-title {
            font-size: 28rpx;
            font-family: PingFangSC;

            font-weight: 500;
            color: #343434;
          }

          .info-category {
            display: inline-block;
            padding: 7rpx;
            min-width: 100rpx;
            border: 2rpx solid #ddd;
            border-radius: 6rpx;
            border-radius: 4px;
            font-size: 18rpx;
            font-weight: 300;
            color: #999;
          }

          .info-time {
            margin-top: 10rpx;
            font-size: 20rpx;

            font-weight: 300;
            color: #9A9A9A;
          }
        }




      }

      .answer-content-tip {
        text-align: start;
        font-size: 20rpx;
        font-family: PingFangSC;
        font-weight: 300;
        color: #9A9A9A;
        // border-top: 
        border-top: 2px solid #DEDEDE;
        margin-top: 20rpx;
        padding-top: 20rpx;
        margin-bottom: 68rpx;
      }
    }

    .coupon {
      margin-top: 300rpx;
    }
  }
}
